<header class="hdcn bgdg1 shdw1 rnd5" id="hd" itemscope="itemscope">
  <section class="hdcn1 flol pore">
    <div class="logo flol pore">
      <a href="https://newsbreaknow.store" title="newsbreaknow.store"></a>
    </div>
    <nav class="navcnt flol pore" itemscope="itemscope">
      <button
        type="button"
        class="btn-collapse btn-collapse-1"
        data-toggle="collapse"
        data-target=".menucn-hd"
        data-tooltip="tooltip"
        data-placement="top"
        title="Menu"
      >
        <span class="iconb-menu rgba1 rnd5">Menu</span>
      </button>
      <div class="menucn menucn-hd collapse">
        <ul id="tagView">
          <li>
            <a class="iconb-home" href="/">HOME</a>
          </li>
        </ul>
      </div>
    </nav>
  </section>
  <section class="hdcn3 srcsoc flor pore rgba1">
    <div class="srchbx flol pore rgba1 rnd5">
      <form method="get" id="search_form" action="/search.html">
        <input name="name" id="s" type="text" placeholder="Search game..." />
        <button type="submit">
          <span class="iconb-srch">Search</span>
        </button>
      </form>
    </div>
  </section>
</header>

<!-- Declare a JsRender template, in a script block: -->
<script id="tagTmpl" type="text/x-jsrender">
    {{for tags}}
    <li id="nav-menu-item-1231"
        class="main-menu-item menu-item-even menu-item-depth-0 menu-item menu-item-type-taxonomy menu-item-object-category"
        itemprop="name"
    >
    <a href="tag.html?tag={{:name}}" class="menu-link main-menu-link" itemprop="url">
      {{:name}}
    </a>
   </li>
  {{/for}}
</script>

<script>
  let tagTmpl = $.templates("#tagTmpl");
  let tagData = {
    tags: [
      { name: "Action" },
      { name: "Casual" },
      { name: "Adventure" },
      { name: "Racing" },
      { name: "Puzzle" },
      { name: "Simulation" },
    ],
  };
  let tagHtml = $("#tagView").html();
  tagHtml += tagTmpl.render(tagData);

  $("#tagView").html(tagHtml);

  $(".btn-collapse-1").click(function () {
    $(".menucn-hd").slideToggle();
  });
  $(".btn-collapse-2").click(function () {
    $(".menucn-ft").slideToggle();
  });
  $(".iconb-btop").click(function () {
    $("html, body").animate({ scrollTop: 0 }, 800);
  });
</script>
